<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>场景添加</title>
<link href="front/css/manyou_guanli.css" rel="stylesheet">
<script src="front/js/respond.js"></script>
<script src="front/js/jquery1.9.1.js"></script>
<script src="front/js/input.js"></script>
</head>

<body>
<div class="top">
	<div class="width_1200_1420">
    	<ul>
            <li><a href="/index.php" target="_blank">智诚首页</a>&nbsp;&nbsp;|&nbsp;&nbsp;</li>
            <li><a href="#">OA系统</a>&nbsp;&nbsp;|&nbsp;&nbsp;</li>
            <li><a href="{:U('Public/logout')}">退出</a></li>
        </ul>
        <p class="top_p">服务电话：400-686868</p>
    </div>
</div>

<div class="content">
	<div class="width_1200_1420">
    	<div class="nav">
            <div class="logo">
                <img src="front/img/logo2.png">
            </div>
            <ul class="ul_nav">
                <li><a href="{:U('Index/index')}">首页</a></li>
                <li><a href="{:U('Customerguanli/customer_guanli')}">客户管理</a></li>
                <li><a href="{:U('Boothshengcheng/booth_guanli')}">展位生成</a></li>
                <li><a class="sel" href="{:U('Boothmake/manyou_guanli')}">展位制作</a></li>
                <li><a href="{:U('Boothguanli/booth_guanli')}">展位管理</a></li>
                <li><a href="{:U('Productguanli/product_guanli')}">产品管理</a></li>
            </ul> 
            <div class="right">
                <img class="yuan" src="front/img/right.png">
                <span title="{:session('user_auth.username')}">{:session('user_auth.username')}</span>
                <div class="xiala">
                    <img id="xia_img" class="xia" src="front/img/xia.png">
                    <div class="select">
                    	<ul>
                        	<li><a href="{:U('User/updatePassword')}">用户设置</a></li>
                            <li><a href="{:U('User/updateNickname')}">修改密码</a></li>
                            <li><a href="{:U('Public/logout')}">退出账号</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <script>
        $(".ul_nav li a").click(function(){
            $(this).addClass("sel").parent().siblings().find("a").removeClass("sel");
        })
        $("#xia_img").click(function(){
            if($(".select").css("display") == "none"){
                $(".select").show();
                $(this).addClass("hover");
            }else{
                $(".select").hide();
                $(this).removeClass("hover");
            }
            
        })
        $(".select").hover(function(){
            $(this).show();
        },function(){
            $(this).hide();
            $("#xia_img").removeClass("hover");
        });
    </script>
   	</div>
</div>


<div class="width_1200_1420">   
    <div class="chaxun">
        <p class="tab sel">中央音乐学院-音乐厅</p>
        <img class="sm_img" src="front/img/xia.png">
    </div>
    
    <div class="mian">
        <div class="mian_left">
            <p class="title">展位管理</p>
            <ul>
                <li><a href="{:U('Boothmake/booth_index')}">展位首页</a></li>
                <li><a href="{:U('Boothmake/booth_zhuangxiu')}">展位装修</a></li>
                <li><a class="sel" href="{:U('Boothmake/manyou_guanli')}">漫游管理</a></li>
                <li><a href="{:U('Boothmake/ziliao_guanli')}">资料管理</a></li>
            </ul>
            
            <p class="title">皮肤管理</p>
            <ul>
                <li><a href="{:U('Boothmake/xingxiang_guanli')}">形象管理</a></li>
                <li><a href="{:U('Boothmake/nav_guanli')}">导航管理</a></li>
                <li><a href="{:U('Boothmake/function_guanli')}">功能管理</a></li>
            </ul>
            <p class="title">交互管理</p>
            <ul>
                <li><a href="{:U('Boothmake/data_guanli')}">数据管理</a></li>
                <li><a href="#">交易管理</a></li>
                <li><a href="#">互动管理</a></li>
           	</ul>
        </div>
        <div class="mian_right">
            <p class="title">漫游管理</p>
            <p class="tab">
			<!-- <span class="sel">北京皇家建筑</span> -->
			<span class="sel">场景编辑</span>
			<!-- <span>配属公寓楼</span> -->
			<a href="#" style="background:#cecece;color:red;border-radius:3px;">添加组</a></p>
            <div class="kaichang">
            	<img src="front/img/shuxian1.png"><span>组场景管理</span>
                <a href="#" style="background:#cecece;color:red;border-radius:3px;">删除组</a>
                <a href="#" style="background:#cecece;color:red;border-radius:3px;">屏蔽组</a>
                <a href="{:U('Boothmake/add')}" style="background:blue;color:#fffff;border-radius:3px;">添加场景</a>
                <a href="#" style="background:#cecece;color:red;border-radius:3px;">场景排序</a>
                <a href="#" style="background:#cecece;color:red;border-radius:3px;">设置组音频</a>
                <a href="#" style="background:#cecece;color:red;border-radius:3px;">设置组名片</a>
                <a href="#" style="background:#cecece;color:red;border-radius:3px;">分享展位</a>
            </div>
			<!-- form表单为提交场景相关信息。。。开始 -->
			<form method="post" action="{:U('Boothmake/edit')}" enctype="multipart/form-data">	
			<input type="hidden" name="id" value="{$info.id}">
            <p class="didian">场景名称：<input type="text" name="name" value="{$info.name}"></p>
			<p class="didian">场景地址：<input type="text" name="address" value="{$info.address}" "></p>
			<ul id="litu_img">
            	<li>
                	<img  id="img" name="head_picture_path" style="max-height:100%;max-width:110%;width:100px;height:94px;" src=''>
					<!-- front/image/cube/{$info.id}/{$info.head_picture_path} -->
					<!-- <img id="img" style="max-height:100%;max-width:100%;width:119px;height:150px;"/> -->
                	<p  style="color:red">前部图</p>
                	<span class="tianjia">更换</span>
					<input type="file" id="f" name="f" onchange="filechange(event)" style="display:none"/>
					
                </li>
            	<li>
                	<img id="img1" style="max-height:100%;max-width:110%;width:100px;height:94px;" src=''>
                	<p  style="color:red">右部图</p>
                	<span class="tianjia1">更换</span>
					<input type="file" id="r" name="r" onchange="filechange1(event)" style="display:none"/>
                </li>
                <li>
                	<img id="img2" style="max-height:100%;max-width:110%;width:100px;height:94px;" src=''>
                	<p  style="color:red">后部图</p>
                	<span class="tianjia2">更换</span>
					<input type="file" id="b" name="b" onchange="filechange2(event)" style="display:none"/>
                </li>
				<li>
                	<img id="img3" style="max-height:100%;max-width:110%;width:100px;height:94px;" src=''>
                	<p  style="color:red">左部图</p>
                	<span class="tianjia3">更换</span>
					<input type="file" id="l" name="l" onchange="filechange3(event)" style="display:none"/>
					
                </li>
            	<li>
                	<img id="img4" style="max-height:100%;max-width:110%;width:100px;height:94px;" src=''>
                	<p  style="color:red">顶部图</p>
                	<span class="tianjia4">更换</span>
					<input type="file" id="u" name="u" onchange="filechange4(event)" style="display:none"/>
                </li>
                <li>
                	<img id="img5" style="max-height:100%;max-width:110%;width:100px;height:94px;" src=''>
                	<p  style="color:red">底部图</p>
                	<span class="tianjia5">更换</span>
					<input type="file" id="d" name="d" onchange="filechange5(event)" style="display:none"/>
                </li>
            </ul>
			
            <!-- <img class="quanjing_img" src="front/img/quanjing.png"> -->
            <!-- <div class="anniu">
            	<a href="#">设置漫游点</a>
                <a href="#">设置标注点</a>
                <a href="#">编辑场景</a>
                <a href="#">更换音频</a>
                <a href="#">场景说明</a>
                <a href="#">更换名片</a>
                <a href="#">更换组</a>
                <a href="#">设置视角</a>
                <a href="#">设定角度</a>
                <a href="#">定位位置</a>
                <a href="#">屏蔽场景</a>
                <a href="#">删除</a>
            </div> -->
            <!-- <p class="didian">场景名称：音乐厅大门</p>
            <img class="quanjing_img" src="front/img/quanjing.png">
            <div class="anniu">
            	<a href="#">设置漫游点</a>
                <a href="#">设置标注点</a>
                <a href="#">编辑场景</a>
                <a href="#">更换音频</a>
                <a href="#">场景说明</a>
                <a href="#">更换名片</a>
                <a href="#">更换组</a>
                <a href="#">设置视角</a>
                <a href="#">设定角度</a>
                <a href="#">定位位置</a>
                <a href="#">屏蔽场景</a>
                <a href="#">删除</a>
            </div> -->
			<br><br><br>
			
			<input name="submit" style="width:50px;height:30px;cursor:hand;background:#1e7dbe;border-radius:3px;border:0px;color:#ffffff" type="submit" value="提交"/>
		</form>
		<!-- form表单为提交场景相关信息。。。结束 -->
        </div>
    </div>
</div> 
<script>
	$(".mian ul li a").click(function(){
		$(".mian ul li a").removeClass("sel");
		$(this).addClass("sel");
	})
</script>
<!-- <script>
	$("#theFile1").uploadify({
				        
				       
				        "uploader"        : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",    
				        'removeTimeout'	  : 1,
				        'fileTypeExts'	  : '*.jpg; *.png; *.gif;',
				       
				        'onFallback' : function() {
				            alert('未检测到兼容版本的Flash.');
				        }
				    });
</script> -->

<!-- 点击上传图片1js脚本-->
<script>
						$(".tianjia").click(function () {
    						$("#f").click();
						})
						var filechange=function(event){
						var files = event.target.files, file;
						if (files && files.length > 0) {
							// 获取目前上传的文件
							file = files[0];// 文件大小校验的动作
							if(file.size > 1024 * 1024 * 1) {
								alert('图片大小不能超过 1MB!');
								return false;
							}
							if(file.value==""){ 
								alert("请上传图片");
								return false
							}
							if(/\.(png|PNG)$/.test(file.value)){
								 alert("图片类型必须是png")
								 return false;
							}
							// 获取 window 的 URL 工具
							var URL = window.URL || window.webkitURL;
							// 通过 file 生成目标 url
							var imgURL = URL.createObjectURL(file);
							//用attr将img的src属性改成获得的url
							$(".one_img span").remove();
							$("#img").attr("src",imgURL);
							// 使用下面这句可以在内存中释放对此 url 的伺服，跑了之后那个 URL 就无效了
							// URL.revokeObjectURL(imgURL);
						}
						};
</script>
<!-- 点击上传图片2js脚本-->
<script>
						$(".tianjia1").click(function () {
    						$("#r").click();
						})
						var filechange1=function(event){
						var files = event.target.files, file;
						if (files && files.length > 0) {
							// 获取目前上传的文件
							file = files[0];// 文件大小校验的动作
							if(file.size > 1024 * 1024 * 1) {
								alert('图片大小不能超过 1MB!');
								return false;
							}
							if(file.value==""){ 
								alert("请上传图片");
								return false
							}
							if(/\.(png|PNG)$/.test(file.value)){
								 alert("图片类型必须是png")
								 return false;
							}
							// 获取 window 的 URL 工具
							var URL = window.URL || window.webkitURL;
							// 通过 file 生成目标 url
							var imgURL = URL.createObjectURL(file);
							//用attr将img的src属性改成获得的url
							$(".one_img span").remove();
							$("#img1").attr("src",imgURL);
							// 使用下面这句可以在内存中释放对此 url 的伺服，跑了之后那个 URL 就无效了
							// URL.revokeObjectURL(imgURL);
						}
						};
</script>
<!-- 点击上传图片3js脚本-->
<script>
						$(".tianjia2").click(function () {
    						$("#b").click();
						})
						var filechange2=function(event){
						var files = event.target.files, file;
						if (files && files.length > 0) {
							// 获取目前上传的文件
							file = files[0];// 文件大小校验的动作
							if(file.size > 1024 * 1024 * 1) {
								alert('图片大小不能超过 1MB!');
								return false;
							}
							if(file.value==""){ 
								alert("请上传图片");
								return false
							}
							if(/\.(png|PNG)$/.test(file.value)){
								 alert("图片类型必须是png")
								 return false;
							}
							// 获取 window 的 URL 工具
							var URL = window.URL || window.webkitURL;
							// 通过 file 生成目标 url
							var imgURL = URL.createObjectURL(file);
							//用attr将img的src属性改成获得的url
							$(".one_img span").remove();
							$("#img2").attr("src",imgURL);
							// 使用下面这句可以在内存中释放对此 url 的伺服，跑了之后那个 URL 就无效了
							// URL.revokeObjectURL(imgURL);
						}
						};
</script>
<!-- 点击上传图片4js脚本-->
<script>
						$(".tianjia3").click(function () {
    						$("#l").click();
						})
						var filechange3=function(event){
						var files = event.target.files, file;
						if (files && files.length > 0) {
							// 获取目前上传的文件
							file = files[0];// 文件大小校验的动作
							if(file.size > 1024 * 1024 * 1) {
								alert('图片大小不能超过 1MB!');
								return false;
							}
							if(file.value==""){ 
								alert("请上传图片");
								return false
							}
							if(/\.(png|PNG)$/.test(file.value)){
								 alert("图片类型必须是png")
								 return false;
							}
							// 获取 window 的 URL 工具
							var URL = window.URL || window.webkitURL;
							// 通过 file 生成目标 url
							var imgURL = URL.createObjectURL(file);
							//用attr将img的src属性改成获得的url
							$(".one_img span").remove();
							$("#img3").attr("src",imgURL);
							// 使用下面这句可以在内存中释放对此 url 的伺服，跑了之后那个 URL 就无效了
							// URL.revokeObjectURL(imgURL);
						}
						};
</script>
<!-- 点击上传图5js脚本-->
<script>
						$(".tianjia4").click(function () {
    						$("#u").click();
						})
						var filechange4=function(event){
						var files = event.target.files, file;
						if (files && files.length > 0) {
							// 获取目前上传的文件
							file = files[0];// 文件大小校验的动作
							if(file.size > 1024 * 1024 * 1) {
								alert('图片大小不能超过 1MB!');
								return false;
							}
							if(file.value==""){ 
								alert("请上传图片");
								return false
							}
							if(/\.(png|PNG)$/.test(file.value)){
								 alert("图片类型必须是png")
								 return false;
							}
							// 获取 window 的 URL 工具
							var URL = window.URL || window.webkitURL;
							// 通过 file 生成目标 url
							var imgURL = URL.createObjectURL(file);
							//用attr将img的src属性改成获得的url
							$(".one_img span").remove();
							$("#img4").attr("src",imgURL);
							// 使用下面这句可以在内存中释放对此 url 的伺服，跑了之后那个 URL 就无效了
							// URL.revokeObjectURL(imgURL);
						}
						};
</script>
<!-- 点击上传图片6js脚本-->
<script>
						$(".tianjia5").click(function () {
    						$("#d").click();
						})
						var filechange5=function(event){
						var files = event.target.files, file;
						if (files && files.length > 0) {
							// 获取目前上传的文件
							file = files[0];// 文件大小校验的动作
							if(file.size > 1024 * 1024 * 1) {
								alert('图片大小不能超过 1MB!');
								return false;
							}
							if(file.value==""){ 
								alert("请上传图片");
								return false
							}
							if(/\.(png|PNG)$/.test(file.value)){
								 alert("图片类型必须是png")
								 return false;
							}
							// 获取 window 的 URL 工具
							var URL = window.URL || window.webkitURL;
							// 通过 file 生成目标 url
							var imgURL = URL.createObjectURL(file);
							//用attr将img的src属性改成获得的url
							$(".one_img span").remove();
							$("#img5").attr("src",imgURL);
							// 使用下面这句可以在内存中释放对此 url 的伺服，跑了之后那个 URL 就无效了
							// URL.revokeObjectURL(imgURL);
						}
						};
</script>
<!--  bottom  -->
<div class="footer">
	<div class="width_1200_1420">
    	<ul class="list">
        	<li class="list_li">企业中心
            	<ul>
                	<li><a href="#">我要入驻</a></li>
                    <li><a href="#">入驻须知</a></li>
                    <li><a href="#">服务条款</a></li>
                    <li><a href="#">网展助手</a></li>
                    <li><a href="#">问讯处</a></li>
                </ul>
            </li>
            <li class="list_li">关于我们
            	<ul>
                	<li><a href="#">关于网展</a></li>
                    <li><a href="#">合作伙伴</a></li>
                    <li><a href="#">联系方式</a></li>
                    <li><a href="#">合作渠道</a></li>
                    <li><a href="#">招贤纳士</a></li>
                </ul>
            </li>
            <li class="list_li">战略优势
            	<ul>
                	<li><a href="#">全景和虚拟现实服务平台</a></li>
                    <li><a href="#">完整商务功能新型VR全景展示</a></li>
                    <li><a href="#">支持各移动终端设备</a></li>
                </ul>
            </li>
        </ul>
        
        <div class="erweima">
        	<p>微信扫描关注</p>
            <img src="front/img/code.png">
        </div>
    </div>
    
    <div class="xinxi">&copy;版权所有 2009-2016 北京智诚有限公司   www.gscity.com</div>
</div>

</body>
</html>

        





